<script setup>
import { provide, ref } from 'vue';
import menu from './components/test.vue';

const count = ref(0)
const changeCount = () => {
  count.value++
}
provide('count', count)
provide('changeCount', changeCount)
const list = ref([{id: 1, title: '菜单1'}, {id: 2, title: '菜单2'}, {id: 3, title: '菜单3'}, {id: 4, title: '菜单4'}])
</script>

<template>

    <menu :menuItems="[{id: 1, title: '菜单1'}, {id: 2, title: '菜单2'}, {id: 3, title: '菜单3'}, {id: 4, title: '菜单4'}]"></menu>

</template>

<style scoped>
.app-page {
  width: 600px;
  height: 600px;
  padding: 20px;
  border: 1px solid #000;
}

</style>
